<lv-group lvDirection="vertical" lvGutter="16px">
  <lv-select
    lvMode="multiple"
    [lvOptions]="data"
    [(ngModel)]="value"
    (ngModelChange)="change($event)"
    #lvSelect
    lvShowClear
    [lvPanelClass]="{ 'demo2-custom-panel': true }"
    style="width: 368px"
  ></lv-select>
  <p>Value: {{ (value | json) || 'none' }}</p>

  <h2>选中项单行模式下，点了+n之后，超过7（包含收起，可配置）行则出现滚动条，此处demo超过2行后出现滚动条</h2>

  <lv-select
    lvMode="multiple"
    [lvOptions]="maxTagData"
    [(ngModel)]="selectVal"
    lvMaxTagRow="2"
    #lvSelect
    lvShowClear
    [lvPanelClass]="{ 'demo2-custom-panel': true }"
    style="width: 368px"
  ></lv-select>
  <p>selectVal: {{ (selectVal | json) || 'none' }}</p>

  <h2>选中项个数模式下，最多显示多少个选中项，此处demo最多显示五个选中项</h2>
  <lv-select
    lvMode="multiple"
    [lvOptions]="maxTagData"
    [(ngModel)]="selectValWrap"
    lvMaxTagCount="5"
    #lvSelect
    lvShowClear
    [lvPanelClass]="{ 'demo2-custom-panel': true }"
    style="width: 368px"
  ></lv-select>
  <p>selectVal: {{ (selectValWrap | json) || 'none' }}</p>
</lv-group>
